<template>
	<view class="content">
		<u-navbar title="合作加盟" @leftClick="leftClick" :autoback="true"></u-navbar>
		<view class="flex-col page">
		  <view class="flex-col group_3">
		    <view class="flex-col space-y-28 section_3">
		      <image
		        class="image_7"
		        src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632afc43e391320011695f3b/16646967455729230332.png"
		      />
		      <view class="group_4">
		        <text class="text_5">让创新变为价值</text>
		        <image
		          class="image_10"
		          src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632afc43e391320011695f3b/16646967454870978291.png"
		        />
		        <image
		          class="image_9"
		          src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632afc43e391320011695f3b/16646967454957218807.png"
		        />
		        <image
		          class="image_8"
		          src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632afc43e391320011695f3b/16646967454957218807.png"
		        />
		      </view>
		      <view class="group_5">
		        <text class="font_3 text_6">携手同行</text>
		        <text class="font_3 text_8">.</text>
		        <text class="font_3 text_7">财富共享</text>
		      </view>
		    </view>
		    <view class="flex-col space-y-19 group_6">
		      <view class="flex-col space-y-25 section_4">
		        <view class="flex-col items-center button"><text class="font_2">企业简介</text></view>
		        <text class="font_4">
		          我司坐落于大湖名城、科教之城的合肥市高新区，公司主要提供知识产权咨询、知识产权代理(包括专利、商标、版权、集成电路布图等)、专利答复、知识产权交易和科技项目代理等服务，推出集上述业务于—体的知识产权运营事业，力求在公司发展过程中，为客户提供专业的综合性技术服务。
		        </text>
		      </view>
		      <view class="flex-col space-y-49 section_5">
		        <view class="flex-col">
		          <view class="flex-col items-center button"><text class="font_2">加盟项目</text></view>
		          <view class="flex-row group_7 view">
		            <image
		              class="image_11 image_12"
		              src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632afc43e391320011695f3b/16646967452535304976.png"
		            />
		            <text class="font_5 text_9">专利业务</text>
		            <image
		              class="image_11 image_13"
		              src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632afc43e391320011695f3b/16646967453525462433.png"
		            />
		          </view>
		          <text class="font_4 text_10">
		            易知谷扎根专利申请服务多年，服务企业百余家，授权率始终保持
		            在90%以上，领跑同行业。知识产权作为当今国家重视行业发展，其中专利对个人和企业的作用不言而喻，可提升申请者的荣誉资质，品牌附加值，增加申请国家项目的成功率；可形成企业独有产品专利，保护企业不被抄袭、侵权，保证企业茁壮稳定发展；可做无形资产估值作价，质押贷款增强企业资金流动性。
		          </text>
		          <view class="grid">
		            <view class="flex-col items-center grid-item"><text class="font_6">专利申请</text></view>
		            <view class="flex-col items-center grid-item"><text class="font_6">专利交易</text></view>
		            <view class="flex-col items-center grid-item"><text class="font_6">专利答复</text></view>
		            <view class="flex-col items-center grid-item"><text class="font_6">专利托管</text></view>
		            <view class="flex-col items-center grid-item"><text class="font_6">PCT申请</text></view>
		            <view class="flex-col items-center grid-item"><text class="font_6">专利运营</text></view>
		            <view class="flex-col items-center grid-item"><text class="font_6">专利质押</text></view>
		            <view class="flex-col items-center grid-item"><text class="font_6">专利维权</text></view>
		          </view>
		        </view>
		        <view class="flex-col">
		          <view class="flex-row group_7">
		            <image
		              class="image_11 image_14"
		              src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632afc43e391320011695f3b/16646967453642662726.png"
		            />
		            <text class="font_5 text_11">项目申报</text>
		            <image
		              class="image_11 image_15"
		              src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632afc43e391320011695f3b/16646967453764159957.png"
		            />
		          </view>
		          <text class="font_4 text_12">
		            易知谷致力于省科技厅和省经信委项目申报，主要涉及高新技术企
		            业认定、知识产权贯标、省级创新型示范企业、省级新产品认定、省级专精特新、企业技术中心等项目。
		          </text>
		          <view class="grid_2">
		            <view class="flex-col items-center grid-item"><text class="font_6">科技厅项目</text></view>
		            <view class="flex-col items-center grid-item"><text class="font_6">经信委项目</text></view>
		            <view class="flex-col items-center grid-item"><text class="font_6">发改委项目</text></view>
		            <view class="flex-col items-center grid-item"><text class="font_6">其它项目</text></view>
		          </view>
		        </view>
		        <view class="flex-col">
		          <view class="flex-row group_7">
		            <image
		              class="image_11 image_16"
		              src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632afc43e391320011695f3b/16646967446770670926.png"
		            />
		            <text class="font_5 text_13">商标业务</text>
		            <image
		              class="image_11 image_17"
		              src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632afc43e391320011695f3b/16646967446802123602.png"
		            />
		          </view>
		          <text class="font_4 text_14">
		            易知谷已服务宿州伊维特等多家企业。商标就是商品的牌子，是商品的生产者和经营者为了使自己生产或经营的商品同其他商品生产者或者经营者生产或经营的商品区别开来而使用的一种标记。这种标记通常由文字、图形英文、数字的组合构成。
		          </text>
		          <view class="flex-row space-x-28 group_8 view_2">
		            <view class="flex-col items-center text-wrapper"><text class="font_6">商标申请</text></view>
		            <view class="flex-col items-center text-wrapper view_3"><text class="font_6">商标交易</text></view>
		          </view>
		        </view>
		        <view class="flex-col">
		          <view class="flex-row group_7">
		            <image
		              class="image_11 image_18"
		              src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632afc43e391320011695f3b/16646967451663767277.png"
		            />
		            <text class="font_5 text_15">软件业务</text>
		            <image
		              class="image_11 image_19"
		              src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632afc43e391320011695f3b/16646967452195266204.png"
		            />
		          </view>
		          <text class="font_4 text_16">
		            软件开发指易知谷针对客户的知识产权相关业务应用需求而提供的软件产品及应用软件定制开发服务。易知谷在精准把握业务需求的基础上，在已有知识产权软件及解决方案的基础上，选择合适的框架为客户量身定制，构建特定业务应用软件，实现业务应用整合和数据整合，满足客户的特殊需要，推动业务的创新发展。
		          </text>
		          <view class="flex-row space-x-28 group_8 view_4">
		            <view class="flex-col items-center text-wrapper"><text class="font_6">软件业务</text></view>
		            <view class="flex-col items-center text-wrapper view_3"><text class="font_6">软件著作权申报</text></view>
		          </view>
		        </view>
		      </view>
		      <view class="flex-col section_6">
		        <view class="flex-col items-center button"><text class="font_2">加盟优势</text></view>
		        <view class="grid_3">
		          <view class="flex-row space-x-20 grid-item_2">
		            <view class="flex-col items-center group_9">
		              <image
		                class="image_20"
		                src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632afc43e391320011695f3b/16646967446674605202.png"
		              />
		              <text class="font_7 text_17 text_18">01</text>
		            </view>
		            <text class="font_8 text_19">本地化团队</text>
		          </view>
		          <view class="flex-row space-x-20 grid-item_2">
		            <view class="flex-col items-center group_10">
		              <image
		                class="image_20"
		                src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632afc43e391320011695f3b/16646967446722621017.png"
		              />
		              <text class="font_7 text_17">02</text>
		            </view>
		            <text class="font_9">系统保障能力</text>
		          </view>
		          <view class="flex-row space-x-19 grid-item_2">
		            <view class="flex-col items-center group_11">
		              <image
		                class="image_20"
		                src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632afc43e391320011695f3b/16646967446722621017.png"
		              />
		              <text class="font_7 text_17">03</text>
		            </view>
		            <text class="font_9 text_20">品牌营销</text>
		          </view>
		          <view class="flex-row space-x-20 grid-item_2">
		            <view class="flex-col items-center group_11">
		              <image
		                class="image_20"
		                src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632afc43e391320011695f3b/16646967446722621017.png"
		              />
		              <text class="font_7 text_17">04</text>
		            </view>
		            <text class="font_9 text_21">信用背书</text>
		          </view>
		          <view class="flex-row space-x-19 grid-item_2">
		            <view class="flex-col items-center group_10">
		              <image
		                class="image_20"
		                src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632afc43e391320011695f3b/16646967446722621017.png"
		              />
		              <text class="font_7 text_17">05</text>
		            </view>
		            <text class="font_8 text_22">全渠道布局</text>
		          </view>
		          <view class="flex-row space-x-20 grid-item_2">
		            <view class="flex-col items-center group_10 view_5">
		              <image
		                class="image_20"
		                src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632afc43e391320011695f3b/16646967446722621017.png"
		              />
		              <text class="font_7 text_17">06</text>
		            </view>
		            <text class="font_9">政企信息化</text>
		          </view>
		        </view>
		        <view class="flex-row space-x-19 group_12">
		          <view class="flex-col items-center group_11">
		            <image
		              class="image_20"
		              src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632afc43e391320011695f3b/16646967446722621017.png"
		            />
		            <text class="font_7 text_17">07</text>
		          </view>
		          <text class="font_9 text_23">公益资源</text>
		        </view>
		      </view>
		      <view class="flex-col section_7">
		        <view class="flex-col items-center button"><text class="font_2">加入我们</text></view>
		        <view class="textarea">
					<!-- <text ></text> -->
					<u--textarea class="" v-model="content" placeholder="合作内容简述..." confirmType="done"></u--textarea>
				</view>
		        <view class="flex-col items-center text-wrapper_3"><text class="font_6 text_25" @click="submit">提交</text></view>
		      </view>
		      <view class="flex-col section_8">
		        <view class="flex-col items-center button_2"><text class="font_2 text_26">联系我们</text></view>
		        <view class="flex-row space-x-22 group_13">
		          <image
		            class="image_21"
		            src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632af9835a7e3f0310e4b48f/632afc43e391320011695f3b/353e4d67cadf17078d0257cd3a362bc1.png"
		          />
		          <text class="font_10 text_27">TEL：15755387045</text>
		        </view>
		        <view class="flex-row space-x-20 group_14">
		          <image
		            class="image_21"
		            src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632af9835a7e3f0310e4b48f/632afc43e391320011695f3b/79a5cd9391b67784902bb9b1a2ec42c1.png"
		          />
		          <text class="font_10 text_28">WeChat：Lmbackbone</text>
		        </view>
		        <view class="flex-row space-x-21 group_15">
		          <image
		            class="image_21"
		            src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632af9835a7e3f0310e4b48f/632afc43e391320011695f3b/5471edf0b0be76e9f30a6ae15ea0e363.png"
		          />
		          <text class="font_10 text_29">QQ：981865304</text>
		        </view>
		        <view class="flex-row space-x-21 group_16">
		          <image
		            class="image_21 image_22"
		            src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632af9835a7e3f0310e4b48f/632afc43e391320011695f3b/b3a25661c1d0b6903ecd7c681e1d09ff.png"
		          />
		          <text class="font_10 text_30">Email：linming@eknow.net.cn</text>
		        </view>
		      </view>
		    </view>
		  </view>
		</view>
	</view>
</template>

<script>
import {feedBack} from '@/api/index.js'
export default {
	data() {
		return {
			content:''
		};
	},
	onLoad(option) {
		
	},
	methods:{
		leftClick(){
			if (getCurrentPages().length > 1) {
				uni.navigateBack();
			} else {
				uni.switchTab({
					url: '../../pages/index/index'
				})
			}
		},
		
		submit(){
			feedBack({name:this.$userInfo().phone || '',feedbackContent:this.content,contact:this.$userInfo().phone || ''}).then(res => {
				if(res.code === 200) {
					this.content = '';
					this.$u.toast('操作成功');
				}
			})
		}
	}
}
</script>

<style lang="scss" scoped>
.page {
  background-color: #fef7ea;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  .group_3 {
    padding-bottom: 60rpx;
    flex: 1 1 auto;
    overflow-y: auto;
    .space-y-28 {
      & > view:not(:first-child),
      & > text:not(:first-child),
      & > image:not(:first-child) {
        margin-top: 28rpx;
      }
      .image_7 {
        align-self: center;
        filter: drop-shadow(0px -3rpx 2rpx #fc8b11);
        width: 500rpx;
        height: 95rpx;
      }
      .group_4 {
        height: 30rpx;
        position: relative;
        .text_5 {
          color: #fca40b;
          font-size: 30rpx;
          font-family: CHXBS;
          line-height: 30rpx;
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
        }
        .image_10 {
          width: 534rpx;
          height: 4rpx;
          position: absolute;
          left: 0;
          right: 10rpx;
          top: 50%;
          transform: translateY(-50%);
        }
        .image_9 {
          width: 8rpx;
          height: 8rpx;
          position: absolute;
          right: 150rpx;
          top: 50%;
          transform: translateY(-50%);
        }
        .image_8 {
          width: 8rpx;
          height: 8rpx;
          position: absolute;
          left: 139rpx;
          top: 50%;
          transform: translateY(-50%);
        }
      }
      .group_5 {
        align-self: center;
        .font_3 {
          font-size: 40rpx;
          font-family: CHXBS;
          color: #ffffff;
        }
        .text_6 {
          line-height: 36rpx;
        }
        .text_8 {
          line-height: 7rpx;
        }
        .text_7 {
          line-height: 38rpx;
        }
      }
    }
    .section_3 {
      padding: 48rpx 103rpx 85rpx;
      background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632afc43e391320011695f3b/16646967454532720291.png');
      background-size: 100% 100%;
      background-repeat: no-repeat;
    }
    .space-y-19 {
      & > view:not(:first-child),
      & > text:not(:first-child),
      & > image:not(:first-child) {
        margin-top: 19rpx;
      }
      .space-y-25 {
        & > view:not(:first-child),
        & > text:not(:first-child),
        & > image:not(:first-child) {
          margin-top: 25rpx;
        }
      }
      .section_4 {
        margin-right: 6rpx;
        padding: 40rpx 15rpx 45rpx 34rpx;
        background-color: #ffffff;
        border-radius: 100rpx 100rpx 0px 0px;
      }
      .space-y-49 {
        & > view:not(:first-child),
        & > text:not(:first-child),
        & > image:not(:first-child) {
          margin-top: 49rpx;
        }
        .group_7 {
          padding: 0 3rpx;
          .image_11 {
            width: 22rpx;
            height: 16rpx;
          }
          .image_12 {
            margin: 7rpx 0 9rpx;
          }
          .font_5 {
            font-size: 32rpx;
            font-family: Microsoft YaHei;
            line-height: 32rpx;
            color: #ec5300;
          }
          .text_9 {
            margin-left: 21rpx;
          }
          .image_13 {
            margin: 7rpx 0 9rpx 21rpx;
          }
          .image_14 {
            margin: 7rpx 0 9rpx;
          }
          .text_11 {
            margin-left: 22rpx;
          }
          .image_15 {
            margin: 7rpx 0 9rpx 20rpx;
          }
          .image_16 {
            margin: 6rpx 0 10rpx;
          }
          .text_13 {
            margin-left: 21rpx;
          }
          .image_17 {
            margin: 6rpx 0 10rpx 21rpx;
          }
          .image_18 {
            margin: 7rpx 0 9rpx;
          }
          .text_15 {
            margin-left: 22rpx;
          }
          .image_19 {
            margin: 7rpx 0 9rpx 20rpx;
          }
        }
        .view {
          margin-top: 26rpx;
        }
        .text_10 {
          margin-top: 13rpx;
        }
        .grid {
          margin: 25rpx 25rpx 0 4rpx;
          height: 327rpx;
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          row-gap: 31rpx;
          column-gap: 31rpx;
        }
        .text_12 {
          margin-top: 13rpx;
        }
        .grid_2 {
          margin: 25rpx 25rpx 0 4rpx;
          height: 149rpx;
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          row-gap: 31rpx;
          column-gap: 31rpx;
        }
        .grid-item {
          padding: 14rpx 0 16rpx;
          border: dashed 1rpx #ec8e00;
        }
        .text_14 {
          margin-top: 15rpx;
        }
        .space-x-28 {
          & > view:not(:first-child),
          & > text:not(:first-child),
          & > image:not(:first-child) {
            margin-left: 28rpx;
          }
          .text-wrapper {
            flex: 1 1 300rpx;
            padding: 16rpx 0 14rpx;
            height: 60rpx;
            border: dashed 1rpx #ec8e00;
          }
          .view_3 {
            margin-right: 21rpx;
          }
        }
        .group_8 {
          padding: 0 4rpx;
        }
        .view_2 {
          margin-top: 26rpx;
        }
        .text_16 {
          margin-top: 14rpx;
        }
        .view_4 {
          margin-top: 25rpx;
        }
      }
      .section_5 {
        margin-right: 6rpx;
        padding: 40rpx 20rpx 50rpx 38rpx;
        background-color: #ffffff;
        border-radius: 10rpx;
      }
      .button {
        align-self: center;
        padding: 15rpx 0 13rpx;
        background-color: #ec8e00;
        border-radius: 34rpx;
        width: 341rpx;
      }
      .font_4 {
        font-size: 28rpx;
        font-family: Microsoft YaHei;
        line-height: 40rpx;
        font-weight: 300;
        color: #666666;
      }
      .section_6 {
        margin-right: 6rpx;
        padding: 40rpx 0 52rpx;
        background-color: #ffffff;
        border-radius: 10rpx;
        .grid_3 {
          margin-top: 2rpx;
          height: 258rpx;
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          .grid-item_2 {
            padding: 28rpx 42rpx 28rpx 50rpx;
          }
          .group_10 {
            padding-top: 3rpx;
            width: 72rpx;
            position: relative;
          }
          .font_8 {
            font-size: 30rpx;
            font-family: Microsoft YaHei;
            line-height: 28rpx;
            color: #333333;
          }
        }
        .space-x-19 {
          & > view:not(:first-child),
          & > text:not(:first-child),
          & > image:not(:first-child) {
            margin-left: 19rpx;
          }
          .text_20 {
            margin-top: 5rpx;
          }
          .text_22 {
            line-height: 29rpx;
          }
          .text_23 {
            margin-top: 5rpx;
          }
        }
        .group_12 {
          margin-top: 25rpx;
          padding: 0 51rpx;
        }
        .group_11 {
          padding-top: 6rpx;
          width: 72rpx;
          position: relative;
        }
        .image_20 {
          width: 72rpx;
          height: 26rpx;
        }
        .font_7 {
          font-size: 30rpx;
          font-family: Microsoft YaHei;
          line-height: 24rpx;
          color: #000000;
        }
        .text_17 {
          position: absolute;
          right: 4rpx;
          top: 50%;
          transform: translateY(-50%);
        }
        .font_9 {
          font-size: 28rpx;
          font-family: Microsoft YaHei;
          line-height: 28rpx;
          color: #333333;
        }
      }
      .section_7 {
        margin-right: 6rpx;
        padding: 40rpx 43rpx 52rpx;
        background-color: #ffffff;
        border-radius: 10rpx;
        .text-wrapper_2 {
          margin-top: 29rpx;
          padding: 29rpx 0 343rpx;
          background-color: #f7f7f7;
          border-radius: 4rpx;
          border: solid 1rpx #f1f1f1;
          .text_24 {
            margin-left: 29rpx;
            color: #999999;
            font-weight: 300;
            line-height: 27rpx;
          }
        }
        .text-wrapper_3 {
          margin-top: 20rpx;
          padding: 15rpx 0 17rpx;
          align-self: flex-start;
          background-color: #5372fc;
          border-radius: 4rpx;
          width: 250rpx;
          .text_25 {
            color: #ffffff;
          }
        }
      }
      .font_6 {
        font-size: 28rpx;
        font-family: Microsoft YaHei;
        line-height: 28rpx;
        color: #ec8e00;
      }
      .section_8 {
        margin-right: 6rpx;
        padding: 40rpx 88rpx 51rpx;
        background-color: #ffffff;
        border-radius: 10rpx;
        .button_2 {
          padding: 15rpx 0 14rpx;
          align-self: center;
          background-color: #ec8e00;
          border-radius: 34rpx;
          width: 341rpx;
          .text_26 {
            line-height: 39rpx;
          }
        }
        .space-x-22 {
          & > view:not(:first-child),
          & > text:not(:first-child),
          & > image:not(:first-child) {
            margin-left: 22rpx;
          }
          .text_27 {
            align-self: center;
            line-height: 25rpx;
          }
        }
        .group_13 {
          margin-top: 31rpx;
        }
        .group_14 {
          margin-top: 21rpx;
        }
        .image_21 {
          width: 68rpx;
          height: 68rpx;
        }
        .font_10 {
          font-size: 30rpx;
          font-family: Microsoft YaHei;
          line-height: 24rpx;
          color: #666666;
        }
        .space-x-21 {
          & > view:not(:first-child),
          & > text:not(:first-child),
          & > image:not(:first-child) {
            margin-left: 21rpx;
          }
          .text_29 {
            align-self: center;
            line-height: 27rpx;
          }
          .image_22 {
            flex-shrink: 0;
          }
          .text_30 {
            align-self: center;
            line-height: 32rpx;
          }
        }
        .group_15 {
          margin-top: 21rpx;
        }
        .group_16 {
          margin-top: 22rpx;
        }
      }
      .font_2 {
        font-size: 40rpx;
        font-family: Microsoft YaHei;
        line-height: 40rpx;
        color: #ffffff;
      }
      .space-x-20 {
        & > view:not(:first-child),
        & > text:not(:first-child),
        & > image:not(:first-child) {
          margin-left: 20rpx;
        }
        .group_9 {
          padding-top: 4rpx;
          width: 72rpx;
          position: relative;
          .text_18 {
            line-height: 25rpx;
          }
        }
        .text_19 {
          line-height: 29rpx;
        }
        .text_21 {
          margin-top: 5rpx;
        }
        .view_5 {
          flex-shrink: 0;
        }
        .text_28 {
          align-self: center;
          line-height: 25rpx;
        }
      }
    }
    .group_6 {
      margin-top: -60rpx;
      padding: 0 14rpx 4rpx;
      position: relative;
    }
  }
}
.textarea {
	margin-top: 30rpx;
}
</style>